<div>
    <div class="action-bar">
        <button class="btn btn-primary" ng-click="toEditor()">新增</button>
    </div>
    <div class="table-responsive">
        <table class="table">
            <tr>
                <th width="80">分类图标</th>
                <th>分类名称</th>
                <th>分类颜色</th>
                <th>最低金额</th>
                <th>操作</th>
            </tr>
            <tr ng-repeat="data in result.list">
                <td>
                    <div class="product-icon" ng-style="{'background-image': 'url({{data.icon}})', 'background-color':'{{data.color}}'}"></div>
                </td>
                <td>{{data.name}}</td>
                <td>{{data.color}}</td>
                <td>{{data.money|currency:'￥'}}</td>
                <td>
                    <a href="javascript:" ng-click="toEditor(data)">编辑</a>
                </td>
            </tr>
            <tr ng-if="result.list.length == 0">
                <td class="text-center" colspan="2">没有数据</td>
            </tr>
        </table>
        <div class="pagination-bar" ng-if="result.list.length > 0">
            <uib-pagination
                    total-items="result.page.totalData"
                    ng-model="result.page.currentNo"
                    max-size="2"
                    items-per-page="result.page.everyPage"
                    first-text="第一页"
                    previous-text="上一页"
                    next-text="下一页"
                    last-text="最后页"
                    boundary-links="true"
                    boundary-link-numbers="true"
                    ng-model="result.page.currentNo"
                    ng-change="onPageChange()"
            ></uib-pagination>
        </div>

    </div>
</div>
